<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录 - 财资企业知识客服</title>
    <link rel="stylesheet" href="login.css">
    <!-- 添加图标字体 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.0.0/css/all.min.css">
</head>
<body>
    <div class="page-container">
        <div class="left-section">
            <div class="brand-content">
                <h1>财资企业知识客服</h1>
                <p class="slogan">智能助手 · 专业解答 · 高效服务</p>
            </div>
        </div>
        <div class="right-section">
            <div class="login-box">
                <div class="login-header">
                    <h2>账号登录</h2>
                    <p class="welcome-text">欢迎使用，请登录您的账号</p>
                </div>
                <form id="loginForm" onsubmit="return false;">
                    <div class="form-group">
                        <i class="fas fa-user"></i>
                        <input type="text" id="username" required>
                        <label for="username">用户名</label>
                    </div>
                    <div class="form-group">
                        <i class="fas fa-lock"></i>
                        <input type="password" id="password" required>
                        <label for="password">密码</label>
                    </div>
                    <div id="errorMessage" class="error-message"></div>
                    <button type="submit" class="login-btn" id="loginButton">
                        登录
                        <i class="fas fa-arrow-right"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
    <script src="login.js"></script>
</body>
</html> 